<script setup lang="ts">
import type { BaseCourseItem } from '@/api/types/student'

defineProps<{
  course: BaseCourseItem
}>()
</script>

<template>
  <view class="course-item">
    <text>{{ course.name }}</text>
  </view>
</template>

<style lang="scss" scoped>
.course-item {
    padding: 0 30rpx;
    margin-bottom: 20rpx;
    line-height: 124rpx;
    height: 124rpx;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 #cccccc78;
    border-radius: 20rpx;
    font-size: 30rpx;
    border: 1rpx solid transparent;
    cursor: pointer;

    &:hover {
        background-color: $uni-primary-light;
        border: 1rpx solid $uni-primary;
    }
}
</style>
